1 - Starting to create mockups 設計製作UI

👉

系統學習UI設計軟體Figma：

https://help.figma.com/hc/en-us

https://designcode.io/figma-handbook-figma-design-tool

XuanJi: My journey to UX
Introduction to mockups Mockup 介紹
Chikezie - Transition from low-fidelity to high-fidelity designs
Foundational skills to build mockups in Figma 在 Figma 中製作 Mockup 的基礎技能
Review: Use low-fidelity designs to start project mockups 複習：用低保真設計開啟 Mockup 階段
Introduction to foundational elements of visual design 視覺設計基礎元素介紹
Typography in UX design UX 設計中的字型排版
Review: Add typography to project mockups 複習：給 Mockup 新增字型樣式
Color in UX design UX 設計中的顏色運用
Work with color in mockups 在 Mockup 中使用顏色
Accessibility considerations for color 顏色無障礙設計要點
Review: Add color to project mockups 複習：給 Mockup 新增顏色
Iconography in UX design UX 設計中的圖示系統
Review: Add icons to project mockups 複習：給 Mockup 新增圖示
Learn about more visual design elements 瞭解更多視覺設計元素
Additional design considerations 更多設計細節考量
Introduction to layouts 佈局基礎介紹
Use grids to guide layouts 使用網格系統指導佈局
Review: Create grids in project mockups 複習：在專案 Mockup 中使用網格
Use containment in layouts 在佈局中使用“內容容器”概念
Use negative space in layouts 在佈局中使用留白
Glossary terms 術語表
Module 1 Challenge （測試）